<template>
	<view>
		<tm-row :width="686" :column="10" transprent="true">
			<tm-col :col="1" align="end">
				<tm-text color="red"> *</tm-text>
			</tm-col>
			<tm-col :col="9" align="start">
				<tm-text fontSize="35"> 旧密码</tm-text>
			</tm-col>
		</tm-row>
		<input class="uni-input" password type="text" placeholder="请输入密码" style="margin-left: 35px;  margin-top: 15px;"
			v-model="oldPwd" />
		<tm-divider color="black"></tm-divider>

		<tm-row :width="686" :column="10" transprent="true">
			<tm-col :col="1" align="end">
				<tm-text color="red"> *</tm-text>
			</tm-col>
			<tm-col :col="9" align="start">
				<tm-text fontSize="35"> 设置新密码</tm-text>
			</tm-col>
		</tm-row>
		<input class="uni-input" password type="text" placeholder="请输入密码" style="margin-left: 35px;  margin-top: 15px;"
			v-model="newPwd" />
		<tm-divider color="black"></tm-divider>

		<tm-row :width="686" :column="10" transprent="true">
			<tm-col :col="1" align="end">
				<tm-text color="red"> *</tm-text>
			</tm-col>
			<tm-col :col="9" align="start">
				<tm-text fontSize="35"> 再次确认密码</tm-text>
			</tm-col>
		</tm-row>
		<input class="uni-input" password type="text" placeholder="请输入密码" style="margin-left: 35px;  margin-top: 15px;"
			v-model="repNewPwd" />
		<tm-divider color="black"></tm-divider>
		<tm-button :round="12" linear="right" linearDeep="dark" label="保存" style="margin: auto; margin-top: 20px;"
			width="600" @click="setPwd()"></tm-button>
	</view>
</template>

<script>
	import w_md5 from "../../js_sdk/zww-md5/w_md5.js"

	export default {
		components: {
			w_md5
		},
		data() {
			return {
				phone: '',
				oldPwd: '',
				password: '',

				newPwd: '',
				repNewPwd: ''

			}
		},
		onLoad(phone) {

			console.log(phone);
			let phoneDate = phone.data
			this.getMb(phoneDate);

		},
		methods: {
			//查看用户信息
			getMb(phoneDate) {

				uni.request({
					url: "app/mb/getMbInfo.do",
					method: 'GET',
					header: { // 设置请求的header
						'content-type': 'application/json', // 指定请求头，比如设置Content-Type
					},
					success: (res) => {
						debugger
						let requ = res.data.data;
						this.password = requ.password;
						this.phone = requ.phone;


						// 在请求成功时返回的数据
					}

				})

			},
			setPwd() {

				//如果旧密码相同，则添加新的密码，否则提示用户重新输入
				if (this.oldPwd == null || this.oldPwd == "") {
					uni.showToast({
						title: '不能为空，请重新输入',
						icon: 'none', // 显示无图标
						duration: 2000 // 持续时间，单位为毫秒
					});
				} else {



					console.log(w_md5);
					let oldPassword = w_md5.hex_md5_32(this.oldPwd)
					console.log(this.password);
					debugger
					if (oldPassword == this.password) {
						if (this.newPwd == null || this.newPwd == "") {
							uni.showToast({
								title: '密码不能为空，请重新输入',
								icon: 'none', // 显示无图标
								duration: 2000 // 持续时间，单位为毫秒
							});
						} else
						if (this.repNewPwd == null || this.repNewPwd == "") {
							uni.showToast({
								title: '确认密码不能为空，请重新输入',
								icon: 'none', // 显示无图标
								duration: 2000 // 持续时间，单位为毫秒
							});
						} else
						if (this.newPwd == this.repNewPwd) {
							let newPwd = w_md5.hex_md5_32(this.newPwd)
							uni.request({
								url: "app/mb/setMbPwd.do",
								method: 'POST',

								data: JSON.stringify({

									password: newPwd
								}),
								header: { // 设置请求的header
									'content-type': 'application/json', // 指定请求头，比如设置Content-Type
								},
								success: (res) => {
									let requ = res.data.msg;
									uni.showToast({
										title: requ,
										icon: 'none', // 显示无图标
										duration: 2000 // 持续时间，单位为毫秒
									});

									uni.navigateTo({
										url: `/pages/index/index`
									});
									// 在请求成功时返回的数据
								}

							})
						} else {
							uni.showToast({
								title: '两次密码输入不一致，请重新输入',
								icon: 'none', // 显示无图标
								duration: 2000 // 持续时间，单位为毫秒
							});
						}
					} else {
						uni.showToast({
							title: '原密码输入不一致，请重新输入',
							icon: 'none', // 显示无图标
							duration: 2000 // 持续时间，单位为毫秒
						});
					}
				}
			}
		}
	}
</script>

<style>

</style>